
$(function () {
	// 获取cookie存入购物车
	// 让购物车里的其他按钮隐藏
	ajax({
		url:"../json/list.json",
		success:function (res) {
			$(".mbar-cart-sum").hide();
			$(".other_shop_title").hide();
			$(".mbar-cart-group").hide();
			$(".mbar-cart-foot").hide();
			$(".cart-none").show();
			// $("#shop_cart").on("click",function () {
			//获取cookie的值
			var mycookie = $.cookie('CartCookie');
			if(mycookie){//判断cookie是否有值（判断购物车内是否有商品）
				mycookieArr = JSON.parse(mycookie);
				//设置商品种类的总数
				var cart_sum_num =mycookieArr.length;
				$('.cart-sum-num').text(cart_sum_num);
				//购物车图标下的数字
				$('#shop_cart b').text(cart_sum_num);
				// console.log(mycookieArr);

				//购物车内商品总价
				var cart_sum_right = 0;
				// cookieobj = {
				// 	goodsId:goodsId,
				// 	goodsNum:current_num,
				// 	goodsSum:cart_sum_num,
				// 	goodsClassify:$("#goods_"+goodsId+" option:selected").val()
				// }


				for(var i=0;i<mycookieArr.length;i++){//2.循环购物车里的商品
					//购物车商品总价

					// console.log(parseInt(mycookieArr[i].goodsNum));
					// console.log(parseInt(mycookieArr[i].goodsSum));

					cart_sum_right =cart_sum_right + parseInt(mycookieArr[i].goodsNum)*parseInt(res[mycookieArr[i].goodsId-1].price)
					// console.log(cart_sum_right);
					//让购物车里的其他按钮显示
					$(".mbar-cart-sum").show();
					$(".other_shop_title").show();
					$(".mbar-cart-group").show();
					$(".mbar-cart-foot").show();
					$(".cart-none").hide();
					var cookieId = mycookieArr[i].goodsId;
					// console.log(cookieNum);
					// console.log(mycookieArr);
					// var cookieNum = mycookieArr[i].goodsNum;
					//创建购物车商品列表
					$("#cart-group").append($('<li id="cart_goods_'+cookieId+'"><div class="cart-img-box"><a href="goods.html?id='+cookieId+'"><img class="mbar-cart-img" src="../images/listImg/'+cookieId+'.jpg"></a></div><div class="mbar-cart-item"><div class="cart-item-name"><a class="cart-item-link" href="goods.html?id='+cookieId+'"><span>'+res[cookieId-1].brand+res[cookieId-1].title+'</span></a></div><div class="cart-item-sum"><a class="cart-item-btn substrBtn disabled" href="javascript:void(0);"><i class="iconfont icon-jian"></i></a><span class="cart-item-num" data-min="" data-max="">'+mycookieArr[i].goodsSum+'</span><a class="cart-item-btn plusBtn" href="javascript:void(0);"><i class="iconfont icon-jia"></i></a></div><div class="cart-item-price">'+res[cookieId-1].price+'</div><a class="cart-item-del" href="javascript:void(0);" data-tmp="17558-3476-12669" title="删除"><i class="iconfont icon-shanchu"></i></a></div></li>'));

					//为删除按钮绑定点击事件点击删除按钮，删除购物车里的商品
					(function(arg){
						$("#cart_goods_"+mycookieArr[arg].goodsId+" .cart-item-del").on("click",function () {
							if(mycookieArr.length==0){
								$(".mbar-cart-sum").hide();
								$(".other_shop_title").hide();
								$(".mbar-cart-group").hide();
								$(".mbar-cart-foot").hide();
								$(".cart-none").show();
								$(this).parents("li").remove();
								console.log(arg);
								//移除cookie中的值
								mycookieArr.splice(arg,1);
								$.cookie('CartCookie', JSON.stringify(mycookieArr),{ expires: 7 });
							}else{
								$(this).parents("li").remove();
								console.log(arg);
								//移除cookie中的值
								mycookieArr.splice(arg,1);
								$.cookie('CartCookie', JSON.stringify(mycookieArr),{ expires: 7 });
							}

						})
					})(i)

				}
				$(".cart-sum-right").text("￥"+cart_sum_right+".00");
			}
		}
	})
	
	
		
		/**
	 * 基本CSS样式
	 */
	//头部
	// $("a").on("click",function () {
	// 	$(this).attr("style","color:'white'")
	// })
	
	
	/**
	 * 侧边栏
	 */
		//1.点击弹出文字解释框
	var $li=$("aside li[class='aside_menu']");
	var $div=$li.children("div");
	// console.log($li);
	// console.log($div);
	// console.log($div.length);
	for(var i=0;i<$li.length;i++){
		$li.eq(i).on("mouseenter",function () {
			$(this).children("div").attr("style","right:'70'");
			$(this).parents("aside").find("div").hide();
			$(this).children("div").show().animate({right:"40px"},200);
			// console.log($(this).children("div"));
		})
		$li.eq(i).on("mouseleave",function () {
			$(this).children("div").hide();
		})
	}
	$("aside #goto_top").hide();
	// 2.点top回到头部
	$(window).scroll(function () {
		//显示
		if($(this).scrollTop()>200){
			$("aside  #goto_top").show()
		}
		//隐藏
		if($(this).scrollTop()<200){
			$("aside  #goto_top").hide()
		}
		//点击到顶部
		$("aside #goto_top").on("click",function () {
			console.log($("body"));
			$("body,html").stop().animate({"scrollTop": 0}, 500);
		})
	})
	
	//2.点击购物车弹出购物车界面
	$("#shop_cart").on("click",function () {
		// console.log($("#shop_cart"));
		$("#my_shop_cart").animate({"right":"40px"},500);
	})
	//点击弹窗的X退出窗口
	$("#my_shop_cart .my_shop_title i").on("click",function () {
		$("#my_shop_cart").animate({"right":"-282px"},500);
	})
	//点击改变商品数量
	
	
	
	/**
	 *二级三级菜单的动态创建
	 */
	
	ajax({
		url:"../json/nav.json",
		success:function (res) {
			if(res.nav.length>=0){//二级菜单有值
				for(var i=0;i<res.nav.length;i++){
					var num = i;
					$(".sec_menu").append($("<li><a>"+res.nav[i].menuname+"</a></li>"));
					if(res.nav[num].menus.length>=0){//三级菜单有值
						$(".sec_menu>li:eq("+num+")").append($("<div class='third_menu'><ul></ul></div>"));
						for(var j=0;j<res.nav[num].menus.length;j++){//对三级菜单进行遍历
							$(".sec_menu>li:eq("+num+" ) ul").append($("<li><a>"+res.nav[num].menus[j].menuname+"</a></li>"));
						}
					}
				}
			}
			//三级菜单显示和隐藏
			$(".third_menu").hide();
			for(var i=0;i<$(".sec_menu>li").length;i++){//遍历二级菜单
				$(".sec_menu>li").eq(i).on("mouseover",function () {
					$(this).children("div").show().end().parent().children("div").hide();
				})
				$(".sec_menu>li").eq(i).on("mouseleave",function () {
					$(this).parent().children().children("div").hide();
				})
			}
		}
	})
	
	
	
	
	
	
	
	
	
	
	//动态创建主商品
	ajax({
		url:"../json/list.json",
		success:function (list) {
			// console.log(list);
			for(var i=0;i<list.length;i++){
				$("#goods ol").append($("<li><a href=><img src='../images/listImg/"+(i+1)+".jpg'/><h4>"+list[i].brand+"</h4><h3>"+list[i].title+"</h3></a><div class='goods_bt'><span class='regular-price'><span class='price'>¥"+list[i].price+".00</span></span><div  class='market-price'><del class='price'>"+list[i].oldPrice+"</del><p class='save-price'><span class='price'>立省¥"+list[i].sale+".00</span></p></div><a href='goods.html?id="+(i+1)+"'><button class='btn_cart'>加入购物车</button></a></div></li>"))
				if((i+1)%3==0){
					$("#goods li:eq("+i+")").addClass("third_padding")
				}
			}
		}
	})
	
	
	//底部固定图
	$("#bt_img img:eq(0)").on("click",function () {
		$(this).siblings("img").show().siblings("span").show();
	})
	$("#bt_img span").on('click',function () {
		$(this).hide();
		$(this).parent().children("img").eq(1).hide();
	})
	
	//底部固定图
	$("#bt_img img:eq(0)").on("click",function () {
		$(this).siblings("img").show().siblings("span").show();
	})
	$("#bt_img span").on('click',function () {
		$(this).hide();
		$(this).parent().children("img").eq(1).hide();
	})
	
	
	//获取登陆成功后写入的会话cookie，因为当前项目部署的地址与远程API请求地址不同域名，浏览器无法直接将cookie提交给服务端
	//，这里我们主动将这个cookie提交个服务端，由服务器来处理
	var ctx_cookie = $.cookie('_lg_ctx_');
	$.ajax({
		 type:"POST",
		 url:"http://121.199.1.149:8888/user/myprofile",
		 data: {
		 	  _t:ctx_cookie
		 },
		 timeout:180000,
		 dataType:"json",
		 processData:true,
		 success: function(msg){
		 	 // console.log(msg.result)
			 if(msg.code == 0){
				 console.log();
				 $("#top_login").text("欢迎 "+msg.result.account);
				 $("#top_register").text("退出登录")
				 $("#top_register").on("click",function () {
					 $("#top_login").text("登录");
					 $("#top_register").text("注册");
					 window.location.href = "login-register.html"
				 })
			 }
		 }
	});
	
})

// index.js


/**
 *轮播
 */
var timer = null;
var key = 0;
var current = 0;
timer = setInterval(autoplay,2000);   // 每隔1s 调用一次 autoplay
function autoplay() {

	if(key > $("#carousel li").length - 4)
	{
		$("#carousel #ul").css("left","0");
		key = 0;
	}
	$("#carousel ul").animate({"left":-key*293},200);
	current = -key*293;//记录图片当前所在的位置
	key++;
	// console.log(key);
}

//点击向《--
$("#carousel .pre").on("click",function () {
	clearInterval(timer);
		c_pre = current + 293;
	if(c_pre>0){
		$("#carousel ul").attr("left",0);
	}else{
		$("#carousel ul").animate({"left":c_pre},200)
		current = c_pre;//记录图片当前所在的位置
	}
})
//点击向--》
$("#carousel .next").on("click",function () {
	clearInterval(timer);
	c_next = current-293;
	if(c_next<-1195){
		$("#carousel ul").attr("left",-1195);
	}else{
		$("#carousel ul").animate({"left":c_next},200)
		current = c_next;//记录图片当前所在的位置
	}
})






